<template>
  <div>
    1231
    <trans></trans>
    <temp1 :items="list">123</temp1>
    <temp></temp>
    <render1 :text="1123">
      1212as
      <template #default="text">
        <div>默认1231 {{ text }}</div>
      </template>
      <template #header="{text}">
        <div>
          new title: today is a special day <br />
          old title: {{ text }}
        </div>
      </template>
      <template v-slot:content>
        he content slot
      </template>
    </render1>
  </div>
</template>

<script>
import temp from "./template.vue";
import render1 from "./render.vue";
import trans from "./transform.vue";
export default {
  components: {
    temp1: {
      functional: true,
      props: {
        items: {
          type: Array,
          required: true,
        },
        isOrdered: Boolean,
      },
      render: function(createElement, context) {
        function appropriateListComponent() {
          let itme = context.props.items.map((res) => {
            return createElement("div", {}, res);
          });
          return itme;
        }

        return createElement("h3", {}, appropriateListComponent());
      },
    },
    hello: (resolve) => required(["./hello.vue"], resolve),

    temp,
    render1,
    trans,
  },
  data() {
    return {
      list: [1, 23, 1],
    };
  },
};
</script>

<style></style>
